<template>
  <div></div>
</template>
<script>
export default {
  methods(){
     pay() {
      const payaxios = this.$axios.create({
        timeout: 1000,
        baseURL: 'https://api.mch.weixin.qq.com/'
      })
      payaxios({
        method: 'post',
        url: '/v3/pay/transactions/jsapi',
        params: {
          mchid: '1603287544',
          out_trade_no: '1217752501201407033233368318',
          appid: 'wx60d0b1ca182ee849',
          description: '蓝目数字',
          notify_url: 'https://weixin.qq.com/',
          amount: {
            total: 1,
            currency: 'CNY'
          },
          payer: {
            openid: this.$store.state.OPENID
          }
        } // 将code传给后台，如果有其他参数需要传递，请一并传递
      }).then(res => {
        console.log(res.data)
        // 调取微信支付
        function onBridgeReady() {
          window.WeixinJSBridge.invoke(
            'getBrandWCPayRequest',
            {
              appId: 'wx60d0b1ca182ee849', // 公众号名称，由商户传入
              timeStamp: '1395712654', // 时间戳，自1970年以来的秒数
              nonceStr: 'e61463f8efa94090b1f366cccfbbb444', // 随机串
              package: 'prepay_id=' + res.data.prepay_id,
              signType: 'MD5', // 微信签名方式：
              paySign: '70EA570631E4BB79628FBCA90534C63FF7FADD89' // 微信签名
            },
            function(res) {
              if (res.err_msg === 'get_brand_wcpay_request:ok') {
                alert('恭喜您，支付成功！')
              } else if (res.err_msg === 'get_brand_wcpay_request:cancel') {
                alert('支付失败！')
              } else if (res.err_msg === 'get_brand_wcpay_request:fail') {
                alert('调起微信支付失败')
              }
            }
          )
        }
        onBridgeReady()
        // 微信支付
      })
     }
  }
}
</script>
